<!doctype html>
<html class="no-js" lang="zh">
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>Hodgepodge</title>
	<meta name="robots" content="noindex, follow" />
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<!-- Favicon -->

	<!-- CSS
    ============================================ -->
	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="/css/bootstrap.min.css">
	<!-- FontAwesome -->
	<link rel="stylesheet" href="/css/font-awesome.min.css">
	<!-- Ionicons -->
	<link rel="stylesheet" href="/css/main/ionicons.min.css">
	<!-- Slick CSS -->
	<link rel="stylesheet" href="/css/main/slick.min.css">
	<!-- Animation -->
	<link rel="stylesheet" href="/css/main/animate.min.css">
	<!-- jQuery Ui -->
	<link rel="stylesheet" href="/css/main/jquery-ui.min.css">
	<!-- Nice Select -->
	<link rel="stylesheet" href="/css/main/nice-select.min.css">
	<!-- Magnific Popup -->
	<link rel="stylesheet" href="/css/main/magnific-popup.css">
	<!-- Main Style CSS (Please use minify version for better website load performance) -->
	<link rel="stylesheet" href="/css/main/style.css">
</head>

<body>

<div class="home-wrapper home-1">
	<!-- Begin Slider Area One -->
	<div class="slider-area">
		<div class="obrien-slider arrow-style" data-slick-options='{
        "slidesToShow": 1,
        "slidesToScroll": 1,
        "infinite": true,
        "arrows": true,
        "dots": true,
        "autoplay" : true,
        "fade" : true,
        "autoplaySpeed" : 7000,
        "pauseOnHover" : false,
        "pauseOnFocus" : false
        }' data-slick-responsive='[
        {"breakpoint":992, "settings": {
        "slidesToShow": 1,
        "arrows": false,
        "dots": true
        }}
        ]'>
			<div class="slide-item slide-1 bg-position slide-bg-1 animation-style-01">
				<div class="slider-content">
					<h4 class="slider-small-title">大杂烩</h4>
					<h2 class="slider-large-title">啥东西都往里头放</h2>
					<div class="slider-btn">
						<a class="obrien-button black-btn" href="javascript:void(0)">别点</a>
					</div>
				</div>
			</div>
			<div class="slide-item slide-2 bg-position slide-bg-1 animation-style-01">
				<div class="slider-content">
					<h4 class="slider-small-title">第二页</h4>
					<h2 class="slider-large-title">先随便写点东西</h2>
					<div class="slider-btn">
						<a class="obrien-button black-btn" href="javascript:void(0)">别点</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Slider Area One End Here -->
	<!-- Product Area Start Here -->
	<div class="product-area">
		<div class="container container-default custom-area">
			<div class="row">
				<div class="col-md-12 product-wrapper col-custom">
					<div class="product-slider" data-slick-options='{
                        "slidesToShow": 4,
                        "slidesToScroll": 1,
                        "infinite": true,
                        "arrows": false,
                        "dots": false
                        }' data-slick-responsive='[
                        {"breakpoint": 1200, "settings": {
                        "slidesToShow": 3
                        }},
                        {"breakpoint": 992, "settings": {
                        "slidesToShow": 2
                        }},
                        {"breakpoint": 576, "settings": {
                        "slidesToShow": 1
                        }}
                        ]'>
						<div class="single-item">
							<div class="single-product position-relative">
								<div class="product-image">
									<a class="d-block" href="product-details.html">
										<img src="/img/profile.jpg" alt="" class="product-image-1 w-100">
										<img src="assets/images/product/2.jpg" alt="" class="product-image-2 position-absolute w-100">
									</a>
								</div>
								<div class="product-content">
									<div class="product-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<div class="product-title">
										<h4 class="title-2"> <a href="product-details.html">Product dummy name</a></h4>
									</div>
									<div class="price-box">
										<span class="regular-price ">$80.00</span>
										<span class="old-price"><del>$90.00</del></span>
									</div>
								</div>
								<div class="add-action d-flex position-absolute">
									<a href="cart.html" title="Add To cart">
										<i class="ion-bag"></i>
									</a>
									<a href="compare.html" title="Compare">
										<i class="ion-ios-loop-strong"></i>
									</a>
									<a href="wishlist.html" title="Add To Wishlist">
										<i class="ion-ios-heart-outline"></i>
									</a>
									<a href="#exampleModalCenter" data-toggle="modal" title="Quick View">
										<i class="ion-eye"></i>
									</a>
								</div>
							</div>
						</div>
						<div class="single-item">
							<div class="single-product position-relative">
								<div class="product-image">
									<a class="d-block" href="product-details.html">
										<img src="assets/images/product/7.jpg" alt="" class="product-image-1 w-100">
										<img src="assets/images/product/8.jpg" alt="" class="product-image-2 position-absolute w-100">
									</a>
								</div>
								<div class="product-content">
									<div class="product-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<div class="product-title">
										<h4 class="title-2"> <a href="product-details.html">Product dummy name</a></h4>
									</div>
									<div class="price-box">
										<span class="regular-price ">$80.00</span>
										<span class="old-price"><del>$90.00</del></span>
									</div>
								</div>
								<div class="add-action d-flex position-absolute">
									<a href="cart.html" title="Add To cart">
										<i class="ion-bag"></i>
									</a>
									<a href="compare.html" title="Compare">
										<i class="ion-ios-loop-strong"></i>
									</a>
									<a href="wishlist.html" title="Add To Wishlist">
										<i class="ion-ios-heart-outline"></i>
									</a>
									<a href="#exampleModalCenter" data-toggle="modal" title="Quick View">
										<i class="ion-eye"></i>
									</a>
								</div>
							</div>
						</div>
						<div class="single-item">
							<div class="single-product position-relative">
								<div class="product-image">
									<a class="d-block" href="product-details.html">
										<img src="assets/images/product/9.jpg" alt="" class="product-image-1">
										<img src="assets/images/product/10.jpg" alt="" class="product-image-2 position-absolute top-0 left-0">
									</a>
								</div>
								<div class="product-content">
									<div class="product-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<div class="product-title">
										<h4 class="title-2"> <a href="product-details.html">Product dummy title</a></h4>
									</div>
									<div class="price-box">
										<span class="regular-price ">$80.00</span>
										<span class="old-price"><del>$90.00</del></span>
									</div>
								</div>
								<div class="add-action d-flex position-absolute">
									<a href="cart.html" title="Add To cart">
										<i class="ion-bag"></i>
									</a>
									<a href="compare.html" title="Compare">
										<i class="ion-ios-loop-strong"></i>
									</a>
									<a href="wishlist.html" title="Add To Wishlist">
										<i class="ion-ios-heart-outline"></i>
									</a>
									<a href="#exampleModalCenter" data-toggle="modal" title="Quick View">
										<i class="ion-eye"></i>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Product Area End Here -->
	<!-- Banner Fullwidth Area Start Here -->
	<div class="banner-fullwidth-area">
		<div class="container custom-wrapper">
			<div class="row">
				<div class="col-md-5 col-md-6 text-center col-custom">
					<div class="banner-thumb h-100 d-flex justify-content-center align-items-center">
						<img src="assets/images/banner/thumb/1.png" alt="Banner Thumb">
					</div>
				</div>
				<div class="col-md-7 text-center justify-content-center col-custom">
					<div class="banner-flash-content d-flex flex-column align-items-center justify-content-center h-100">
						<h2 class="deal-head text-uppercase">Flash Deals</h2>
						<h3 class="deal-title text-uppercase">Hurry up and Get 25% Discount</h3>
						<a href="shop.html" class="obrien-button primary-btn">Shop Now</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Banner Fullwidth Area End Here -->
	<!-- Banner Area Start Here -->
	<div class="banner-area">
		<div class="container container-default custom-area">
			<div class="row">
				<div class="col-md-4 col-sm-12 col-custom">
					<div class="banner-image hover-style">
						<a class="d-block" href="shop.html">
							<img class="w-100" src="assets/images/banner/small-banner/1-1.png" alt="Banner Image">
						</a>
					</div>
				</div>
				<div class="col-md-4 col-sm-12 col-custom">
					<div class="banner-image hover-style">
						<a class="d-block" href="shop.html">
							<img class="w-100" src="assets/images/banner/small-banner/1-2.png" alt="Banner Image">
						</a>
					</div>
				</div>
				<div class="col-md-4 col-sm-12 col-custom">
					<div class="banner-image hover-style mb-0">
						<a class="d-block" href="shop.html">
							<img class="w-100" src="assets/images/banner/small-banner/1-3.png" alt="Banner Image">
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Banner Area End Here -->
	<!-- Product Area Start Here -->
	<div class="product-area">
		<div class="container container-default custom-area">
			<div class="row">
				<div class="m-auto text-center col-custom">
					<div class="section-content">
						<h2 class="title-1 text-uppercase">Featured Products</h2>
						<div class="desc-content">
							<p>All best seller product are now available for you and your can buy this product from here any time any where so sop now</p>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="product-wrapper col-md-12 col-custom">
					<div class="product-slider" data-slick-options='{
                    "slidesToShow": 4,
                    "slidesToScroll": 1,
                    "infinite": true,
                    "arrows": false,
                    "dots": false
                    }' data-slick-responsive='[
                    {"breakpoint": 1200, "settings": {
                    "slidesToShow": 3
                    }},
                    {"breakpoint": 992, "settings": {
                    "slidesToShow": 2
                    }},
                    {"breakpoint": 576, "settings": {
                    "slidesToShow": 1
                    }}
                    ]'>
						<div class="single-item">
							<div class="single-product position-relative mb-30">
								<div class="product-image">
									<a class="d-block" href="product-details.html">
										<img src="assets/images/product/1.jpg" alt="" class="product-image-1 w-100">
										<img src="assets/images/product/2.jpg" alt="" class="product-image-2 position-absolute w-100">
									</a>
								</div>
								<div class="product-content">
									<div class="product-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<div class="product-title">
										<h4 class="title-2"> <a href="product-details.html">Product dummy name</a></h4>
									</div>
									<div class="price-box">
										<span class="regular-price ">$80.00</span>
										<span class="old-price"><del>$90.00</del></span>
									</div>
								</div>
								<div class="add-action d-flex position-absolute">
									<a href="cart.html" title="Add To cart">
										<i class="ion-bag"></i>
									</a>
									<a href="compare.html" title="Compare">
										<i class="ion-ios-loop-strong"></i>
									</a>
									<a href="wishlist.html" title="Add To Wishlist">
										<i class="ion-ios-heart-outline"></i>
									</a>
									<a href="#exampleModalCenter" data-toggle="modal" title="Quick View">
										<i class="ion-eye"></i>
									</a>
								</div>
							</div>
						</div>
						<div class="single-item">
							<div class="single-product position-relative mb-30">
								<div class="product-image">
									<a class="d-block" href="product-details.html">
										<img src="assets/images/product/7.jpg" alt="" class="product-image-1 w-100">
										<img src="assets/images/product/8.jpg" alt="" class="product-image-2 position-absolute w-100">
									</a>
								</div>
								<div class="product-content">
									<div class="product-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<div class="product-title">
										<h4 class="title-2"> <a href="product-details.html">Product dummy name</a></h4>
									</div>
									<div class="price-box">
										<span class="regular-price ">$80.00</span>
										<span class="old-price"><del>$90.00</del></span>
									</div>
								</div>
								<div class="add-action d-flex position-absolute">
									<a href="cart.html" title="Add To cart">
										<i class="ion-bag"></i>
									</a>
									<a href="compare.html" title="Compare">
										<i class="ion-ios-loop-strong"></i>
									</a>
									<a href="wishlist.html" title="Add To Wishlist">
										<i class="ion-ios-heart-outline"></i>
									</a>
									<a href="#exampleModalCenter" data-toggle="modal" title="Quick View">
										<i class="ion-eye"></i>
									</a>
								</div>
							</div>
						</div>
						<div class="single-item">
							<div class="single-product position-relative mb-30">
								<div class="product-image">
									<a class="d-block" href="product-details.html">
										<img src="assets/images/product/9.jpg" alt="" class="product-image-1">
										<img src="assets/images/product/10.jpg" alt="" class="product-image-2 position-absolute top-0 left-0">
									</a>
								</div>
								<div class="product-content">
									<div class="product-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<div class="product-title">
										<h4 class="title-2"> <a href="product-details.html">Product dummy title</a></h4>
									</div>
									<div class="price-box">
										<span class="regular-price ">$80.00</span>
										<span class="old-price"><del>$90.00</del></span>
									</div>
								</div>
								<div class="add-action d-flex position-absolute">
									<a href="cart.html" title="Add To cart">
										<i class="ion-bag"></i>
									</a>
									<a href="compare.html" title="Compare">
										<i class="ion-ios-loop-strong"></i>
									</a>
									<a href="wishlist.html" title="Add To Wishlist">
										<i class="ion-ios-heart-outline"></i>
									</a>
									<a href="#exampleModalCenter" data-toggle="modal" title="Quick View">
										<i class="ion-eye"></i>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Product Area End Here -->
</div>

<!-- JS============================================ -->
<!-- jQuery JS -->
<script src="/js/main/jquery-3.5.1.min.js"></script>
<!-- jQuery Migrate JS -->
<script src="/js/main/jQuery-migrate-3.3.0.min.js"></script>
<!-- Modernizer JS -->
<script src="/js/main/modernizr-2.8.3.min.js"></script>
<!-- Bootstrap JS -->
<script src="/js/main/bootstrap.bundle.min.js"></script>
<!-- Slick Slider JS -->
<script src="/js/main/slick.min.js"></script>
<!-- Countdown JS -->
<script src="/js/main/jquery.countdown.min.js"></script>
<!-- Ajax JS -->
<script src="/js/main/jquery.ajaxchimp.min.js"></script>
<!-- Jquery Nice Select JS -->
<script src="/js/main/jquery.nice-select.min.js"></script>
<!-- Jquery Ui JS -->
<script src="/js/main/jquery-ui.min.js"></script>
<!-- jquery magnific popup js -->
<script src="/js/main/jquery.magnific-popup.min.js"></script>
<!-- Main JS -->
<script src="/js/main/main.js"></script>

</body>

</html>